import {Loading} from '../dComponent'
import { useState } from 'react'
function Ploading(props){
    let [loading] = useState(true)

    return(
        <div className="page">
            <h2>加载-1</h2>
            <div className="flexBox" style={{position:'relative',height:'100px'}}>   
                <Loading 
                    visible={loading}
                    tips='加载中'
                    type='6'
                />
            </div>
            <br/>
            <h2>加载-2</h2>
            <div className="flexBox" style={{position:'relative',height:'100px'}}>   
                <Loading 
                    visible={loading}
                    type={1}
                    tips='加载中'
                />
            </div>
            <br/>
            <h2>加载-3</h2>
            <div className="flexBox" style={{position:'relative',height:'100px'}}>   
                <Loading 
                    visible={loading}
                    type={2}
                    tips='加载中'
                />
            </div>
            <br/>
            <h2>加载-4</h2>
            <div className="flexBox" style={{position:'relative',height:'100px'}}>   
                <Loading 
                    visible={loading}
                    type={3}
                    tips='加载中'
                />
            </div>
            <br/>
            <h2>加载-5</h2>
            <div className="flexBox" style={{position:'relative',height:'100px'}}>   
                <Loading 
                    visible={loading}
                    type={4}
                    tips='加载中'
                />
            </div>
            <br/>
            {/* <p>示例代码</p>
            <pre>
                <code className="hljs">
                {

                }
                </code>
            </pre> */}
        </div>
    )
}
export default Ploading